<template>
  <div class="contain">
    <div class="morning padding-left" @click="ToShootingActivity(0)">
      <div class="morning-div">
        <image style="height:260px;width:710px;border-radius: 12px" src="https://rzico-weex.oss-cn-hangzhou.aliyuncs.com/images/32132120211207200525.jpg"></image>
      </div>
      <div class="cnter margin-top10">
        <text class="font-size32ColorRed">上午场 10:30-11:30</text>
      </div>
    </div>
    <div class="afternoon-div padding-left" @click="ToShootingActivity(1)">
      <div class="">
        <image style="height:260px;width:710px;border-radius: 12px" src="https://rzico-weex.oss-cn-hangzhou.aliyuncs.com/images/32132120211207200525.jpg"></image>
      </div>
      <div class="cnter margin-top10">
        <text class="font-size32ColorRed">晚上场 14:30-15:30</text>
      </div>
    </div>
  </div>
</template>

<script>


import {list} from "../../../../api/wxPage";


export default {

  data() {
    return {
      pageId:''
    };
  },
  created() {
    this.loadWxpage()
  },
  methods: {
    loadWxpage() {
      list({
        mchId: this.getGlobalData().mchId,
        pageNum: 1,
        pageSize: 10,
        sortField: 'orders',
        direction: 'asc'
      }).then(res => {
        this.mchId = this.getGlobalData().mchId
        //10是抢拍过滤页
        res.data.data.forEach(item=>{
          if (item.orders ==  40){
            console.info("2222222222222222222222222222222222222222222")
            console.info(item.id)
            console.info("3333333333333333333333333")
            this.pageId = item.id
          }
        })
      })
    },






    ToShootingActivity(num){
      storage.setItem('num', num, event => {
      })
      eeui.openPage({
        url: 'root://pages/index/wxPage/wxPage.js',
        // params: 29,
        params: this.pageId,
        statusBarType: 'immersion',
        statusBarStyle: false
      });
    }
},
};
</script>


<style>
.morning-div{
  margin-top: 20px;
}
.afternoon-div{
  margin-top: 20px;
}
.contain{
  width: 750px;
}
.padding-left{
  padding-left: 20px;
}
.cnter{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.font-size32ColorRed{
  font-size: 32px;
  color: red;
}
.margin-top10{
  margin-top: 20px;
}
</style>
